<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<!-- 引入图标 -->
	<link rel="shortcut icon" href="favicon.ico">
	<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
	<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
	<!-- 初始化文件 -->
	<link rel="stylesheet" href="CSS/normalize.css" />
	<!-- 头部和底部 结构基本相同 我们做基本的公共样式 -->
	<link rel="stylesheet" href="CSS/base.css" />
	<!-- 专属的首页样式 -->
	<link rel="stylesheet" href="CSS/style.css">
	<style>

 
	

	</style>
</head>
<body>
	<!-- 头部部分 start-->
	<header>
		<div class="w">
			<a href="#">
				<img src="images/latern.jpg" height="80" width="1190">
			</a>
		</div>
	</header>
	<!-- 头部部分  end -->
	
	<!-- 快速导航栏部分 start -->
	<div class="shortcut">
		<div class="w">
			<ul class="fl city">
				<li><i class="f10"></i>&nbsp;<a href="#">北京</a></li>
			</ul>
			<ul class="fr">
				<li>
					<a href="#">你好，请登录</a>
					<a href="#" class="f10">免费注册</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的订单</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的京东</a><i></i>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">京东会员</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">企业采购</a><i></i>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">客户服务</a><i></i>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">网站导航</a><i></i>
				</li>
				<li class="space"></li>
				<li>
					<a href="#" class="mobile">
					手机京东
					<img src="images/mobile_qrcode.png" alt="">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 快速导航栏部分 end -->

	<!-- 中间头部分 start-->
	<div class="w middle">
		<!-- logo部分 -->
		<div class="logo">
			<h1>  <!-- 提高权重 便利于搜索引擎优化 -->
				<a href="#"></a>
			</h1>
		</div>
		<!-- 搜索 -->
		<div class="form">
			<input type="text" placeholder="扫描仪">
			<button><i></i></button>    <!-- 等价于<input type="button"> -->
		</div>
		<!-- 购物车部分 -->
		<div class="shopCar">
			<i></i>&nbsp;<a href="#" class="f10">我的购物车</a> 
			<span>0</span>
		</div>
		<!-- 关键词 -->
		<div class="hotwords">
			<a href="#">199减100</a>
			<a href="#">鼠标试用</a>
			<a href="#">农资7折</a>
			<a href="#">低至29元</a>
			<a href="#">抽奖赢空调</a>
			<a href="#">记忆棉</a>
			<a href="#">坐垫</a>
			<a href="#">1分钱买油</a>
			<a href="#">智能手表</a>
		</div>
		<!-- 小导航 -->
		<div class="navitems">
			<ul>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">优惠券</a></li>
				<li><a href="#">闪购</a></li>
				<li><a href="#">拍卖</a></li>
				<li class="space"></li>
				<li><a href="#">服装城</a></li>
				<li><a href="#">京东超市</a></li>
				<li><a href="#">生鲜</a></li>
				<li><a href="#">全球购</a></li>
				<li class="space"></li>
				<li><a href="#">京东金融</a></li>

			</ul>
		</div>
		<!-- 超级日部分 -->
		<div class="super">
			<img src="images/latern.jpg" alt="" height="40" width="199">
		</div>
	</div>
	<!-- 中间头部分 end-->

	<!-- 中间分类区域 start -->
	<div class="w grid">
		<div class="grid-col1 fl">
			<div class="ad">
				<img src="images/gg.png" alt="">
				<div class="ad-r"></div>
			</div>
			<ul>
				<li><a href="#">家用电器</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
				<li><a href="#">手机</a>/<a href="#">手机运营商</a>/<a href="#">数码</a></li>
			</ul>
		</div>
		<div class="grid-col2 fl">
			<div class="grid-col2-t">
				<a href="#"><img src="images/latern.jpg" alt="" width="790" height="340"></a>
				<a href="#" class="arrow-l"><</a>
				<a href="#" class="arrow-r">></a>
				<ul class="circle">
					<li></li>
					<li></li>
					<li></li>
					<li class="current"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>

			<div class="grid-col2-b">
				<div><img src="images/latern.jpg" width="390" height="130" > </div>
				<div><img src="images/latern.jpg" width="390" height="130" ></div>
			</div>

		</div>
		<div class="grid-col3 fr">
			<!-- 登录模块 -->
			<div class="login">
				<div class="login-t">
					Hi,欢迎来到京东<br>
					<a href="#">登录</a>
					<a href="#">注册</a>
					<a href="#" class="user-info">
						<img src="images/no_login.jpg" alt="" >
					</a>
				</div>
				<div class="login-b">
					<a href="#">新人福利</a>
					<a href="#">PLUS会员</a>
				</div>
			</div>
			<!-- 新闻模块 -->
			<div class="news">
				<div class="news-t">
					<a href="#" class="cuxiao">促销</a>
					<a href="#" class="gonggao">公告</a>
					<a href="#" class="more">更多</a>
					<div></div>
				</div>
				<div class="news-b">
					<ul>
						<li><a href="#">111111111</a></li>
						<li><a href="#">2222222</a></li>
						<li><a href="#">3333333333</a></li>
						<li><a href="#">4444444444</a></li>
					</ul>
				</div>		
			</div>
			<!-- 服务拓展模块 -->
			<div class="expand">
				<ul>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					
				</ul>
			</div>
		</div>
	</div>
	<!-- 中间分类区域 end -->

	<!-- 尾部部分 start-->
	<footer>
		<!-- 服务模块 -->
		<div class="service">
			<div class="w ">
				<ul>
					<li>
						<h5></h5>
						<p>品类齐全,轻松购物</p>
					</li>
					<li>
						<h5></h5>
						<p>多仓直发,极速配送</p>
					</li>
					<li>
						<h5></h5>
						<p>正品行货,精致服务</p>
					</li>
					<li>
						<h5></h5>
						<p>天天低价,畅选无忧</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 帮助模块 -->
		<div class="w help">
			<div class="fl">
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
			</div>
			<div class="fr coverage">
				<h5>京东自营覆盖区域</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 ></a>
			</div>
		</div>
		<!-- 版权模块 -->
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">关于我们</a>
				<span>|</span>
			</p>
			<div>
				<p>京公网安备 11000002000088号<span>|</span>京ICP证070359号<span>|</span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span>|</span>新出发京零 字第大120007号</p>
				<p>互联网出版许可证编号新出网证(京)字150号<span>|</span>出版物经营许可证<span>|</span>网络文化经营许可证京网文[2014]2148-348号<span>|</span>违法和不良信息举报电话：4006561155</p>
				<p>Copyright © 2004 - 2019  京东JD.com 版权所有<span>|</span>消费者维权热线：4006067733经营证照|(京)网械平台备字(2018)第00003号<span>|</span>营业执照</p>	
			</div>
			<p class="foot-icon">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>
		</div>
	</footer>
	<!-- 尾部部分 end-->

</body>
</html>